<script lang="ts" context="module">
	import ChineseQuizzes from "$lib/quizzes/ChineseQuizzes.svelte";
	import EnglishQuizzes from "$lib/quizzes/EnglishQuizzes.svelte";
	import JapaneseQuizzes from "$lib/quizzes/JapaneseQuizzes.svelte";
	import Tabs from "$lib/Tabs.svelte";

	// List of tab items with labels, values and assigned components
	let items = [
		{ label: "English", value: 1, component: EnglishQuizzes },
		{ label: "Chinese", value: 2, component: ChineseQuizzes },
		{ label: "Japanese", value: 3, component: JapaneseQuizzes },
	];
</script>

<svelte:head>
	<title>Search</title>
</svelte:head>

<Tabs {items} />
